<!-- 首页 -->
<script lang="ts" setup>
import Commitment from "./commitment/index.vue";
import Company from "./company/index.vue";
import KeyInformation from "./key-information/index.vue";
import MajorHazardSources from "./major-hazard-sources/index.vue";
import Notice from "./notice/index.vue";
import TodayWork from "./today-work/index.vue";
defineOptions({ name: "Home" });
</script>

<template>
	<el-scrollbar flex="~ col" of="hidden">
		<Company />
		<div grid="~ cols-3 gap-16px" flex="1" p="20px">
			<KeyInformation grid="col-span-1" />
			<MajorHazardSources grid="col-span-1" />
			<Notice grid="col-span-1" />
			<TodayWork grid="col-span-2" />
			<Commitment grid="col-span-1" />
		</div>
	</el-scrollbar>
</template>
